// 处理图片异常
export const imagerror = {
  // 当前自定义指令，会在当亲dom元素插入到节点执行
  inserted(el, options) {
    // 当图片地址没显示成功，就回执行onerror  在原生js里 与 try...catch 目的一样
    // optios参数在官网里是binding参数  查看官网可见
    el.src = el.src || options.value
    // options表示当前变量，它有一个value属性
    // dom表示当前指令作用的dom对象(当前就指头像图片)
    el.onerror = function() {
      // console.log(el) // DO元素
      // console.log(options) // 图片路径

      // onerror事件 当前图片加载异常，会将默认图片显示到img路径中
      el.src = options.value
    }
  },
  // 修复头像破图或者空数据
  componentUpdated(el, options) {
    el.src = el.src || options.value
  }
}
